import type { FC } from 'react';
import { View, Text } from 'react-native';
import styles from './styles';

type IndicatorProps = {
  total: number;
  index: number;
}

const Indicator: FC<IndicatorProps> = (props) => {
  const { total, index } = props;

  return (
    <View style={styles.indicator}>
      <Text style={styles.indicatorText}>
        {index + 1} / {total}
      </Text>
    </View>
  );
}

export default Indicator;